<?php
/**
 * Created by PhpStorm.
 * User: jc234839
 * Date: 21/05/2014
 * Time: 11:45 AM
 */

?>

<div id="products">
    <div class="dashboardLabel">
        <a href="products.php?productsResults"><p>PRODUCTS</p></a>
    </div>
    <div class="dashboard">
        <div class="create">
            <a href="products.php?modifyProducts"><p>ADD/MOD</p></a>
        </div>
        <div class="dashboardForm">
            <form id="productsForm" name="productsForm" method="post" action="products.php">
                <input type="text" name="searchProducts" id="searchProducts" value="Enter Prod ID"
                       onfocus="if(this.value == 'Enter Prod ID') {this.value=''}"
                       onblur="if(this.value == '') {this.value='Enter Prod ID'}">
            </form>
        </div>
        <div class="search">
            <a href="#" id="productIDToSearch"
               onclick="document.getElementById('productIDToSearch').href = 'products.php?productID=' + document.getElementById('searchProducts').value;">
            <p>SEARCH</p>
            </a>
        </div>
        <br/>

        <div class="cheap">
            <a href="products.php?price=cheap"><p>< $20.00</p></a>
        </div>
        <div class="midRange">
            <a href="products.php?price=midrange"><p>$20.00 - $30.00 </p></a>
        </div>
        <div class="expensive">
            <a href="products.php?price=expensive"><p>> $30.00</p></a>
        </div>
    </div>
</div>